<!DOCTYPE HTML>
<html lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" href="css/bootstrap.min.css" media="screen">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<!--[if lt ie9]>
<script src="js/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
  <h2 class="page-header">表单</h2>
  <form class="form-inline" role="form">
    <div class="form-group"> <span class="input-group-addon glyphicon glyphicon-user form-control"></span>
      <input type="text" id="username" placeholder="用户名" class="form-control" />
    </div>
    <div class="form-group"> <span class="input-group-addon form-control">&yen;</span>
      <input type="text" id="username" placeholder="工资" class="form-control" />
      <span class="input-group-addon form-control">.00</span> </div>
  </form>
  <h2 class="page-header">表单2</h2>
  <form class="form-inline">
    <div class="form-group">
      <input type="text" id="username" placeholder="用户名" class="form-control" />
    </div>
    <div class="form-group">
      <input type="text" id="username" placeholder="工资" class="form-control" />
    </div>
  </form>
  <div class="container">
    <h2>复选框</h2>
    <label for="somewhere">最想去的地方？</label>
    <select id="somewhere" class="col-lg-2">
      <option value="西藏">西藏</option>
      <option value="上海">上海</option>
      <option value="北京">北京</option>
    </select>
  </div>
</div>
<script src="js/jquery-2.1.0.min.js"></script> 
<script src="js/bootstrap.min.js"></script>
</body>
</html>
